.clearfix:after {
   visibility: hidden;
   display: block;
   font-size: 0;
   content: " ";
   clear: both;
   height: 0;
 }
.contain{
  width: 1200px;
  margin: 0 auto;
  padding: 20px 0;
  .contain-header{
    height: 64px;
    box-shadow: 0.5px 0.9px 6px 0 rgba(187, 187, 187, 0.4);
    padding: 15px 30px;
    box-sizing: border-box;
    span{
      float: left;
      position: relative;
      display: block;
      height: 36px;
      line-height: 36px;
      padding: 0 18px;
      text-align: center;
      background-color: @theme;
      box-shadow: 0.5px 0.9px 5px 0 rgba(53, 98, 186, 0.4);
      color: white;
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px;
      i{
        position: absolute;
        &.arrow{
          right: -36px;
          width: 0;
          height: 0;
          border: 18px solid transparent;
          border-left-color: @theme;
        }
        &.arrow-tail{
          left: -18px;
          width: 0;
          height: 0;
          border: 18px solid @theme;
          border-left-color: transparent;
        }
      }
      i{

      }
    }
    span + span{
      margin-left: 20px;
    }
  }
  .contain-body{
    margin-top: 20px;
    box-shadow: 0.5px 0.9px 6px 0 rgba(51, 95, 181, 0.14);
    border: solid 1px #edeef2;
    padding: 30px;
  }
}
.pull-left{
  float: left;
}
.pull-right{
  float: right;
}
.text-left{
  text-align: left;
}
.text-right{
  text-align: right;
}
.bg-success{
  background-color: @success;
}
.bg-warning{
  background-color: @warning;
}
.bg-danger{
  background-color: @danger;
}
.bg-theme{
  background-color: @theme;
}
.text-success{
  color: @success;
}
.text-warning{
  color: @warning;
}
.text-danger{
  color: @danger;
}
.text-theme{
  color: @theme;
}
.line-success{
  background: linear-gradient(to bottom, #13ce64, #13ce29);
}
.line-warning{
  background: linear-gradient(to bottom, #f7b92a, #f7a32a);
}
.line-danger{
  background: linear-gradient(to bottom, #4887ff, #4891ff);
}
.line-theme{
  background: linear-gradient(to bottom, #ff6649, #ff4949);
}
